// 发现页样式
.zm-find {
	height: auto;
	width: 100vw;
	background-color: $color-background-gray;
	.navbar-slot {
		@include flex-start-row;
		width: 100%;
		height: 100%;
		padding: 0 30rpx;
		.navbar-slot__search-input {
			width: 80%;
			margin-left: 20.83rpx;
			border-radius: 50rpx;
		}
		.navbar-slot__listener {
			position: absolute;
			right: 20.83rpx;
		}
	}
	.swiper-wrap {
		padding: 20.83rpx;
		background-color: $color-background-gray;
	}
	.circle-options {
		width: 1600rpx;
		height: auto;
		background-color: $color-background-gray;
		border-bottom: 1px solid $color-border-1;
		padding: 20.83rpx;
		@include flex-start-row;
		.circle-options__item {
			width: 260.41rpx;
			height: auto;
			margin-left: 20.83rpx;
			@include flex-center-col;
			.item-cover {
				width: 125rpx;
				height: 125rpx;
				border-radius: 50%;
				background-color: $color-backgroud-pink;
				@include flex-center-col;
				position: relative;
				background-size: cover;
				.today {
					font-size: 14px;
					position: absolute;
					left: 50%;
					top: 55%;
					transform: translate(-50%, -50%);
					color: #fff;
				}
			}
			.item-title {
				margin-top: 10.41rpx;
				font-size: 29.16rpx;
				color: $color-text-normal;
			}
		}
	}
	.recomand-song {
		height: auto;
		width: 100vw;
		background-color: #fff;
		border-bottom-right-radius: $border-radius-normal;
		border-bottom-left-radius: $border-radius-normal;
		padding: 20.83rpx 0 20.83rpx 20.83rpx;
		.recomand-song__list {
			width: 1500rpx;
			height: auto;
			@include flex-start-row;
			margin-top: 20.83rpx;
		}
	}
	.recomman-push {
		margin-top: 10px;
		height: auto;
		padding-bottom: 10px;
	}
	.selection-music-vedio {
		margin-top: 10px;
		padding-bottom: 10px;
		.selection-music-vedio__list {
			width: 1500rpx;
			height: auto;
			@include flex-start-row;
			margin-top: 20.83rpx;
		}
	}
	.new-wrap {
		margin-top: 10px;
		.new-wrap__type {
			width: 625rpx;
			@include flex-start-row;
			.item {
				color: rgba(0, 0, 0, 0.6);
				margin-right: 5px;
			}
			.is-active {
				color: rgba(0, 0, 0, 1);
				font-weight: 600;
				border-bottom: 2px solid $color-primary;
			}
		}
	}
	.ranking-list {
		margin-top: 10px;
		border-bottom-right-radius: $border-radius-normal;
		border-bottom-left-radius: $border-radius-normal;
	}
	.music-calander {
		.calander-info {
			height: auto;
			width: 100vw;
			border-top: 1px solid $color-border-2;
			.calander-info__item {
				height: 80px;
				width: 100%;
				@include flex-start-row;
				.info {
					width: 80vw;
					.row {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						padding-left: 10px;
						.date {
							color: #ccc;
							font-size: 16px;
						}
						.title {
							font-size: 16px;
						}
						.tag {
							margin-left: 5px;
							font-size: 10px;
							color: rgb(240, 172, 18);
							background-color: rgb(254, 247, 229);
							padding: 2px 4px;
							// border-radius: $main-border-radius;
						}
					}
				}
			}
		}
	}
	.broadcast-station{
		margin-top: 10px;
		.broadcast-station__row{
			height: 120px;
			width: 780px;
			@include flex-start-row;
			.item{
				height: 100%;
				width: 120px;
				margin-left: 10px;
				position: relative;
				.play{
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					background-color: rgba(0,0,0,0.3);
					color: #fff;
					display: flex;
					justify-content: center;
					align-items: center;
					border-radius: 50%;
					overflow: hidden;
					text{
						font-size: 30px;
					}
				}
			}
		}
	}
}
